<template>
	<view class="flex flex-column u-p-b-20 u-m-t-30 bg-white rounded-10">
		<u-cell-item :borderBottom="false" title="我的推广" :arrow="false" hoverClass="none"></u-cell-item>
		<view class="flex justify-evenly u-p-x-20 w-all">
			<view class="flex align-center u-p-x-20 u-p-y-20 border rounded-50" @click="toTeam">
				<image src="/static/mine/team-1.png" style="width: 47rpx;height: 47rpx;" mode="widthFix"></image>
				<text class="u-m-l-20">我的社区</text>
			</view>
			<view class="flex align-center u-p-x-20 u-p-y-20 border rounded-50" @click="toShare">
				<image src="/static/mine/team-2.png" style="width: 47rpx;height: 47rpx;" mode="widthFix"></image>
				<text class="u-m-l-20">邀请好友</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"mine-recommend",
		data() {
			return {
				
			};
		},
		methods: {
			toTeam() {
				if(!this.isLogin) return this._login()
				uni.navigateTo({
					url: '/pages/mine/minePromote/mineTeam/mineTeam'
				})
			},
			toShare() {
				if(!this.isLogin) return this._login()
				uni.navigateTo({
					url: '/pages/mine/mineInvite/mineInvite'
				})
				
			},
			toDicker() {
				uni.navigateTo({
					url: '/pages/mine/mineDickerPages/mineDickerList/mineDickerList'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.border {
	border: 1px solid #feab9e;
}
</style>
